.search_bar {
	background-color: #F3F3F3; padding: 2px 8px; color: #444444; clear: both;
}

.search_bar .search-row {
	overflow: hidden; padding: 1px 0;
}

.search_bar .interval {
	float: left; padding: 3px 0; margin-right: 6px;
}

.search_bar .search-item {
	white-space: nowrap; text-overflow: ellipsis; float: left; padding: 3px 2px; margin-right: 4px; border: 1px #F3F3F3 dashed;
}
.search_bar .search-item:hover {
	/**border-color:#BBBBBB;**/
	
}
.search_bar .search-item label{
	/**cursor: pointer;**/
}
.search_bar label {
	margin-right: 3px;
}

.search_bar .search_btn {
	border: none; cursor: pointer; background-color: #1a7bc9; color: #FFFFFF; position: relative; padding: 2px 15px 4px 15px; margin: 3px 0 3px 5px;
}

.search_bar .search_btn:hover {
	background-color: #9CC8F7; color: #1a7bc9;
}

.search_bar select {
	position: relative; top: -2px; padding: 2px;
}

.refresh-page {
	position: fixed; top: 5px; right: 5px; background: url(../../images/common/icons/refresh.png) no-repeat 2px center; border: 1px #cccccc solid; cursor: pointer;
	padding: 2px 2px 2px 20px;
}

.refresh-page:hover {
	border: 1px #999999 solid;
}

.dialog .content {
	padding: 10px;
}

.dialog table td, .edit_table td {
	padding: 3px;
}

.dialog table td.field, .edit_table td.field {
	text-align: right; padding-right: 5px;
}

label.error {
	white-space: nowrap;
}

input, textarea {
	border: 1px solid #999999; padding: 1px 2px; margin-right: 2px;
}
input:read-only, textarea:read-only{
	background-color: #EFEFEF;
}
textarea {
	width: 160px;
}

.datebox input[type="text"]:focus, textarea:focus {
	border: none;
}

input[type="text"]:focus, textarea:focus {
	border: 1px solid #666666;
}

input[type="radio"] {
	vertical-align: middle;
}

select {
	position: relative; top: 2px; margin-right: 2px; padding: 1px 2px 2px 2px; left: -2px;
}

.explain {
	color: #999999;
}

.operate_btn {
	margin: 0 4px;
}

.operate_btn:hover {
	background-color: #EFEFEF;
}

.datagrid-row .datagrid-cell {
	
}

.editorWindow {
	padding: 10px;
}

.editorWindow td {
	padding: 3px;
}

.editorWindow td.field {
	text-align: right;
}

.btn {
	border: none; cursor: pointer; background-color: #999999; color: #FFFFFF; position: relative; padding: 2px 15px 4px 15px; margin: 3px 0 3px 5px;
}

.btn:hover {
	background-color: #CCCCCC; color: #333333;
}

.btn-blue {
	background-color: #1a7bc9; color: #FFFFFF;
}

.btn-blue:hover {
	background-color: #9CC8F7; color: #1a7bc9;
}

.btn-green {
	background-color: #3F9F5F; color: #FFFFFF;
}

.btn-green:hover {
	background-color: #72B088; color: #FFFFFF;
}

.form-img {
	min-height: 90px; min-width: 90px; max-height: 120px; max-width: 120px; margin-right: 10px; border: 1px solid #efefef;
}

.form-img-btn {
	position: relative; bottom: 8px;
}

.data-gird-img {
	width: 60px;height: 60px; margin: 5px 3px;
}

.o-btn {
	display: inline-block; padding: 2px 5px; border: 1px solid #BBB; background-color: #FFF; color: #428BCA; margin: 2px; border-radius: 3px;
}

.o-btn:hover {
	background-color: #CCC; cursor: pointer; text-decoration: none; border-color: #bbb;
}

.o-btn i {
	margin-right: 3px;
}

.o-btn-group {
	margin: 2px; display: inline-block;
}

.o-btn-group .o-btn {
	margin: 0; border-left: none; border-radius: 0;
}

.o-btn-group .o-btn:first-child {
	border-left: 1px solid #BBB; border-radius: 3px 0 0 3px;
}

.o-btn-group .o-btn:first-child:last-child {
	border-radius: 3px;
}

.o-btn-group .o-btn:last-child {
	border-radius: 0 3px 3px 0;
}

.o-btn-cred {
	color: #dd514c;
}

.o-btn-cgreen {
	color: #5eb95e;
}

.o-btn-corange {
	color: #f37b1d;
}

.o-btn-cblue {
	color: #3bb4f2;
}

.badge {
	display: inline-block; min-width: 10px; padding: .25em .3em; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999;
	border-radius: 0;
}

.badge-green {
	background-color: #5eb95e;
}

.badge-red {
	background-color: #dd514c;
}

.badge-orange {
	background-color: #f37b1d;
}

.badge-blue {
	background-color: #1aa3e9;
}

.datagrid .datagrid-header td, .datagrid  .datagrid-body td, .datagrid  .datagrid-footer td {
	border-color: #BBB; color: #333;
}

.datagrid .datagrid-header td {
	background-color: #EFEFEF; font-weight: bold; color: #444;
}

.datagrid .datagrid-row .datagrid-cell, .datagrid-cell-rownumber {
	margin: 4px 0; padding: 0 6px;
}

.datagrid .datagrid-cell-rownumber {
	margin: 4px 0;
}

.datagrid .datagrid-header .datagrid-cell {
	padding: 0 6px;
}
/**
body .window-mask {
	background: #666;
}

body .window-shadow {
	box-shadow: none;
}**/
.remark-list table {
	width: 100%;
	margin-bottom: 10px;
}

.remark-list table td {
	border: 1px #DDDDDD solid; padding: 4px 6px;
}
.remark-list table td:first-child{
	width:120px;
}
.remark-list table td:last-child{
	width:100px;
}

.hkoMultiSelectContainerSel{width:150px;height:200px;} 
.hkoMultiSelectContainerBtn button{width:50px;font-weight:bold;font-size:14px;}